@esui-deliverytree-height: 4em;

.@{ui-class-prefix}-deliverytree {
    width: 220px;
    position: fixed;
    top: 60px;
    bottom: 0;
    border: none;
    background: #F6F6F6;

    // 被选中的话有点丑
    .user-select(none);
}

.@{ui-class-prefix}-deliverytree-title,
.@{ui-class-prefix}-deliverytree-switch {
    height: @esui-deliverytree-height;
    line-height: @esui-deliverytree-height;
    text-align: center;
    color: #5d84ce;
}

.@{ui-class-prefix}-deliverytree-title {
    padding-right: @esui-deliverytree-height + .5em;
}

.@{ui-class-prefix}-deliverytree-switch {
    width: @esui-deliverytree-height + .5em;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    background: #CACACA;
    &:hover {
        background: #FBFBFB;
    }
}

.@{ui-class-prefix}-deliverytree-content {
    padding: .5em;
}


.@{ui-class-prefix}-deliverytree-collapsed {
    width: 55px;

    .@{ui-class-prefix}-tab, .@{ui-class-prefix}-submenu {
        display: none;
    }
}

.@{ui-class-prefix}-tab-horizontal {
    .@{ui-class-prefix}-tab-item {
        margin-right: 0;
    }
}

.@{ui-class-prefix}-tab-item {
    // min-width: 50%;
}

.@{ui-class-prefix}-tab-horizontal .@{ui-class-prefix}-tab-navigator {
    padding: 0;
}

.@{ui-class-prefix}-crumb-nav-container {
    .ui-close-href {
        float: right;
        height: 4em;
        line-height: 4em;
        margin-right: 2em;
    }
}